<template>
    <div class="hello" style="height: 100vh;background:#fff;">
      <app-head :title="title"></app-head>

      <div class="content">
        <h2>{{this.$route.query.title}}</h2>
      </div>
        <div class="content2">

        </div>
      <div class="get">
        经验值+4
      </div>
    </div>
</template>

<script>
  import AppHead from '@/components/Head'
    export default {
        name: "SolicitPush4",
        created:function(){

        },
        components:{
          AppHead
        },
        data () {
          return {
            title: '征稿 | 活动标题'
          }
        },
      methods:{
          aler_show:function () {
            this.$layer.alert("粘贴的内容已清除文字格式及图片 请重新上传图片！",{
              shade:true,
              btn: '确定',
              shadeClose: true,//点击遮罩是否关闭
              time:2000
            });
          }
      }
    }
</script>

<style scoped lang="less">

  .content{

      padding: 14px 24px;
      padding-bottom: 30px;
      background: #fff;
      margin-top: 4px;

    h2{
      font-size: 20px;
      color: #333333;font-weight: initial;font-weight:400;
      line-height:27px;
      text-align: left;
    }
  }
.content2{
  height: 40vh;
  background: #fff url("../assets/images/success.png")  no-repeat center;
}
  @keyframes mymove
  {
    from {top:200px;}
    to {top:150px;}
  }

  @-webkit-keyframes mymove /*Safari and Chrome*/
  {
    from {top:200px;}
    to {top:150px;}
  }
  .get{
    width:126px;
    height:57px;
    background:rgba(255,201,102,1);
    border-radius:30px;
    color: #FFC966;
    color: #fff;
    font-size: 18px;
    line-height: 57px;
    /*height: 57px;*/
    left: 50%;
    margin-left: -60px;
    position: relative;
    animation:mymove 2s ;
    -webkit-animation:mymove 2s ; /*Safari and Chrome*/
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode:forwards;
  }
</style>
<style lang="less">
  html{
    .vl-notify.vl-notify-alert h2.vl-notice-title{
      display: none!important;
    }
    .vl-notify .vl-notify-btns{
      padding: 0;
    }
    .vl-notify.vl-notify-main{
      box-shadow:none;
    }
    .vl-notify .vl-notify-content{
      font-size: 15px;
      color: #333333;
      text-align: center;line-height:26px;
    }
    .vl-notify-mask{
      background: rgba(0,0,0,.5);
    }
    .vl-notify-btns{
      width: 100%;
      height: 48px;
      line-height: 48px;
      border: 1px solid rgba(238,238,238,1);;
      .notify-btn-primary{
        height: 48px;
        background: #fff;
        text-align: center;color: #0076FF;
        border: none;
        width: 100%;
        margin: 0 auto;font-size:17px;
      }
    }

  }

</style>
